@extends('layouts.master')

@section('title')
    港口管理——木投网商城管理后台
@stop

@section('app_css')
    <link href="/resource/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/resource/css/style.css">
    <link rel="stylesheet" href="/resource/css/dataTables.bootstrap.css">
@stop

@section('app_js')
    <script src="/resource/js/jquery-1.11.3.min.js"></script>
    <script src="/resource/js/bootstrap.min.js"></script>
    <script src="/resource/js/jquery.dataTables.min.js"></script>
    <script src="/resource/js/dataTables.bootstrap.min.js"></script>
    <script src="/resource/js/jquery.twbsPagination.js"></script>
    <script src="/resource/js/date.js"></script>
    <script>
        /*date*/
        var c = new Calendar("c");
        document.write(c);
        /*全选*/
        $(function () {
            $("#all").click(function () {
                var checked_status = this.checked;
                $("input[name=demo]").each(function () {
                    this.checked = checked_status;
                });
            });
        });

    </script>
@stop


@section('content')

    @include('common.nav')
<div class="container-fluid">
    <div class="row" id="navLeft">
        <div class="col-lg-2">
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation" class="active"><a href="index.html">港口需求</a></li>
                <li role="presentation"><a href="storage.html">仓储需求</a></li>
                <li role="presentation"><a href="tree.html">林场直供需求</a></li>
                <li role="presentation"><a href="logistics.html">物流线路</a></li>
            </ul>
        </div>
        <div class="col-lg-10">
            <div class="navbottom">
              <span>您的位置：</span>其他 > 港口需求
            </div>
            <div class="contentNav">
              <ul>
                <li>其他</li>
                <li class="btn btn-default active"><a href="/show_harbour_need">列表</a></li>
                <li class="btn btn-default"><a href="/add_harbour_need">新增</a></li>
              </ul>
            </div>
            <hr>
            <div class="contentMember">
              <form class="form-inline">
                <div class="form-group">
                  <label>港口名称</label>
                  <input type="text" class="form-control" placeholder="">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
              </form>
              <hr>
              <table class="table table-striped table-bordered bootstrap-datatable datatable table-hover" id="example">
                <thead>
                  <tr>
                    <th></th>
                    <th>港口名称</th>
                    <th>货物名称</th>
                    <th>数量</th>
                    <th>规格</th>
                    <th>到岗时间</th>
                    <th>联系人</th>
                    <th>联系电话</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
                  <tbody>
                  @foreach($harbours as $k => $harbour)
                      <tr>
                          <td><input type="checkbox" name="demo"></td>
                          <td>{{ $harbour->harbour_name }}</td>
                          <td>{{ $harbour->product_name }}</td>
                          <td>{{ $harbour->number }}</td>
                          <td>{{ $harbour->spec }}</td>
                          <td>{{ $harbour->expire_time }}</td>
                          <td>{{ $harbour->contacts }}</td>
                          <td>{{ $harbour->mobile }}</td>
                          <td><a href="#">编辑</a> | <a href="#">删除</a></td>
                      </tr>
                  @endforeach
                  </tbody>
              </table>
            </div>
            {{ $harbours->links() }}
        </div>
    </div>
</div>
@stop